<li>
	<span data-bind="text: $index()+1" class="floatleft">1</span>
	<div class="floatleft">
		<!-- TODO: Disable Selected Subjects -->
		<select class="select floatleft width123 marginRight" data-bind=" options: $root.SubjectListVOarr, optionsText: 'title', optionsValue: 'subuid', value: subjectId"></select>
	</div>
	<div class="floatleft width256">
		<!-- ko if: childSubs().length -->
		<select class="select floatleft width123 marginRight" data-bind=" options: $root.myOptions, optionsText: 'name', optionsValue: 'id', value: isOptional"></select>
		<!-- /ko -->
		<!-- ko ifnot: childSubs().length -->
		<select class="select floatleft width123 marginRight" data-bind=" options: $root.mySingleOptions, optionsText: 'name', optionsValue: 'id', value: isOptional"></select>
		<!-- /ko -->
		<a data-bind='click: addSubSubject' href="#" class="addRoomBtn1 floatleft">Add a sub-subject</a>
	</div>
	<!-- ===================================== BO Marks Condition -->
	<!-- ko if: isOptional -->
	<div>
		<!-- ko if: childSubs().length < 2 -->
		<div data-bind="foreach: {data:terms}">
			<input readonly="true" data-bind="value: $parent.terms.totalMarks()[$index()]" type="text" id="" name="" placeholder="Add" class="floatleft width60 term1" />
		</div>
		<!-- /ko -->

		<!-- ko if: childSubs().length > 1-->
		<div data-bind="foreach: {data:terms}">
			<!-- Parent Subject marks is optional and user has to enter the marks here-->
			<input maxlength="3" onkeydown="inputKeyDown(event)" data-bind="value: marks, valueUpdate: 'afterkeydown',onfocusout:onValueChange($data,$parent,marks(),$index())" type="text" id="" name="" placeholder="Add" class="floatleft width60 term1" />
		</div>
		<!-- /ko -->
	</div>
	<!-- /ko -->

	<!-- ko ifnot: isOptional -->
	<div>
		<!-- ko if: childSubs().length > 0 -->
		<div data-bind="foreach: {data:terms}">
			<div data-bind="text: $parent.terms.totalMarks()[$index()]" class="floatleft width60 subjectTermMarkDiv">
				rr
			</div>
		</div>
		<!-- /ko -->

		<!-- ko if: childSubs().length == 0-->
		<div data-bind="foreach: {data:terms}">
			<!-- Parent Subject marks -->

			<input maxlength="3" onkeydown="inputKeyDown(event)" data-bind="value: marks" type="text" id="" name="" placeholder="Add" class="floatleft width60 term1" />

		</div>
		<!-- /ko -->
	</div>
	<!-- /ko -->

	<!-- ===================================== EO Marks Condition -->
	<a data-bind='click: $parent.deleteSubject' href="#" title ="Delete"  class="deleteIcon floatleft" style="display:block"></a>
	<div class="clearfix"></div>
	<div class="seperatorLine"></div>

	<ul data-bind="foreach: {data:childSubs}" class="firstChildBlock">
		<li>
			<span data-bind="text: String.fromCharCode(97 + $index())" class="floatleft title2">a</span>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
			<div class="floatleft typeChild">
				<select class="select floatleft width123 marginRight" data-bind="options: $root.SubjectListVOarr, optionsText: 'title', optionsValue: 'subuid', value: subjectId"></select>
			</div>
			<!-- ko if: isOptional -->
			<div class="floatleft" data-bind="foreach: {data:terms}">
				<!-- Child Subject marks if optional-->
				<!-- only Parent Subject Marks here -->
				<div data-bind="text: marks" style="margin-right: 63px;" class="floatleft width60">
					rr
				</div>
			</div>
			<!-- /ko -->

			<!-- ko ifnot: isOptional -->
			<div class="floatleft" data-bind="foreach: {data:terms}">
				<!-- Child Subject marks ifnot optional-->
				<input maxlength="3"  onkeydown="inputKeyDown(event)" data-bind="value: marks, valueUpdate: 'afterkeydown'" type="text" id="" name="" placeholder="Add" class="floatleft width44 term1" />
			</div>
			<!-- /ko -->
			<a id="unknown" data-bind='click: $parent.onkeypressed' href="#" style="visibility: hidden"></a>
			<a data-bind='click: $parent.deleteSubSubject' href="#" title ="Delete"  class="deleteIcon floatleft" style="display:block"></a>
			<div class="clearfix"></div>
			<div class="seperatorLine"></div>
		</li>
	</ul>
</li>
